<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"/>
    <title>档案追溯日志</title>
    <meta name="renderer" content="webkit"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta
            name="viewport"
            content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"
    />
    <link rel="stylesheet" href="../layui/css/layui.css" media="all"/>
    <link rel="stylesheet" href="../style/admin.css" media="all"/>
    <link rel="stylesheet" href="../style/home.css" media="all"/>
    <script src="../layui/layui.js"></script>
    <style>
        html,
        body {
            width: 100%;
            height: 100%;
            margin: 0px;
            padding: 0px;
            border: 0px;
            overflow: hidden;
            background-color: #FFFFFF;
            /* overflow-x: scroll; */
        }

        .layui-form-item .layui-inline {
            padding-right: 0px;
            margin-right: 0px;
        }

    </style>
</head>
<body layadmin-themealias="default">
<div class="" style="padding: 0 20px">
    <fieldset class="layui-elem-field layui-field-title">
        <legend>档案时间线：大事记</legend>
    </fieldset>
    <div style="height:calc(100vh - 80px); overflow-y: scroll;">
        <ul class="layui-timeline">
            <li class="layui-timeline-item" th:each="log, logStat: ${data}">
                <i class="layui-icon layui-timeline-axis layui-icon-home" th:if="${logStat.index eq 0}"></i>
                <i class="layui-icon layui-timeline-axis layui-icon-circle" th:if="${logStat.index > 0}"></i>
                <div class="layui-timeline-content layui-text">
                    <div class="layui-timeline-title">
                    <span style="font-size: 14px"
                          th:text="${#temporals.format(log.logTime, 'yyyy年MM月dd日 HH:mm:ss')}"></span>
                        <span class="layui-badge-rim" th:text="${log.creator}"></span>
                        <span class="layui-badge-rim" th:text="${'IP:'+log.ip}"></span>
                    </div>

                    <div>
                        <i class="layui-icon layui-icon-about"></i>
                        <span th:text="${log.info}"></span>
                    </div>
                </div>
            </li>
        </ul>
    </div>

</div>
<script>
    var $ = layui.$;
    var index = parent.layer.getFrameIndex(window.name);

</script>
</body>
</html>